<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-QuickTips'>/**
</span> * @class Ext.QuickTips
 * &lt;p&gt;Provides attractive and customizable tooltips for any element. The QuickTips
 * singleton is used to configure and manage tooltips globally for multiple elements
 * in a generic manner.  To create individual tooltips with maximum customizability,
 * you should consider either {@link Ext.Tip} or {@link Ext.ToolTip}.&lt;/p&gt;
 * &lt;p&gt;Quicktips can be configured via tag attributes directly in markup, or by
 * registering quick tips programmatically via the {@link #register} method.&lt;/p&gt;
 * &lt;p&gt;The singleton's instance of {@link Ext.QuickTip} is available via
 * {@link #getQuickTip}, and supports all the methods, and all the all the
 * configuration properties of Ext.QuickTip. These settings will apply to all
 * tooltips shown by the singleton.&lt;/p&gt;
 * &lt;p&gt;Below is the summary of the configuration properties which can be used.
 * For detailed descriptions see the config options for the {@link Ext.QuickTip QuickTip} class&lt;/p&gt;
 * &lt;p&gt;&lt;b&gt;QuickTips singleton configs (all are optional)&lt;/b&gt;&lt;/p&gt;
 * &lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;&lt;li&gt;dismissDelay&lt;/li&gt;
 * &lt;li&gt;hideDelay&lt;/li&gt;
 * &lt;li&gt;maxWidth&lt;/li&gt;
 * &lt;li&gt;minWidth&lt;/li&gt;
 * &lt;li&gt;showDelay&lt;/li&gt;
 * &lt;li&gt;trackMouse&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
 * &lt;p&gt;&lt;b&gt;Target element configs (optional unless otherwise noted)&lt;/b&gt;&lt;/p&gt;
 * &lt;div class=&quot;mdetail-params&quot;&gt;&lt;ul&gt;&lt;li&gt;autoHide&lt;/li&gt;
 * &lt;li&gt;cls&lt;/li&gt;
 * &lt;li&gt;dismissDelay (overrides singleton value)&lt;/li&gt;
 * &lt;li&gt;target (required)&lt;/li&gt;
 * &lt;li&gt;text (required)&lt;/li&gt;
 * &lt;li&gt;title&lt;/li&gt;
 * &lt;li&gt;width&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
 * &lt;p&gt;Here is an example showing how some of these config options could be used:&lt;/p&gt;
 * &lt;pre&gt;&lt;code&gt;
// Init the singleton.  Any tag-based quick tips will start working.
Ext.QuickTips.init();

// Apply a set of config properties to the singleton
Ext.apply(Ext.QuickTips.getQuickTip(), {
    maxWidth: 200,
    minWidth: 100,
    showDelay: 50,      // Show 50ms after entering target
    trackMouse: true
});

// Manually register a quick tip for a specific element
Ext.QuickTips.register({
    target: 'my-div',
    title: 'My Tooltip',
    text: 'This tooltip was added in code',
    width: 100,
    dismissDelay: 10000 // Hide after 10 seconds hover
});
&lt;/code&gt;&lt;/pre&gt;
 * &lt;p&gt;To register a quick tip in markup, you simply add one or more of the valid QuickTip attributes prefixed with
 * the &lt;b&gt;ext:&lt;/b&gt; namespace.  The HTML element itself is automatically set as the quick tip target. Here is the summary
 * of supported attributes (optional unless otherwise noted):&lt;/p&gt;
 * &lt;ul&gt;&lt;li&gt;&lt;b&gt;hide&lt;/b&gt;: Specifying &quot;user&quot; is equivalent to setting autoHide = false.  Any other value will be the
 * same as autoHide = true.&lt;/li&gt;
 * &lt;li&gt;&lt;b&gt;qclass&lt;/b&gt;: A CSS class to be applied to the quick tip (equivalent to the 'cls' target element config).&lt;/li&gt;
 * &lt;li&gt;&lt;b&gt;qtip (required)&lt;/b&gt;: The quick tip text (equivalent to the 'text' target element config).&lt;/li&gt;
 * &lt;li&gt;&lt;b&gt;qtitle&lt;/b&gt;: The quick tip title (equivalent to the 'title' target element config).&lt;/li&gt;
 * &lt;li&gt;&lt;b&gt;qwidth&lt;/b&gt;: The quick tip width (equivalent to the 'width' target element config).&lt;/li&gt;&lt;/ul&gt;
 * &lt;p&gt;Here is an example of configuring an HTML element to display a tooltip from markup:&lt;/p&gt;
 * &lt;pre&gt;&lt;code&gt;
// Add a quick tip to an HTML button
&amp;lt;input type=&quot;button&quot; value=&quot;OK&quot; ext:qtitle=&quot;OK Button&quot; ext:qwidth=&quot;100&quot;
     ext:qtip=&quot;This is a quick tip from markup!&quot;&gt;&amp;lt;/input&gt;
&lt;/code&gt;&lt;/pre&gt;
 * @singleton
 */
Ext.QuickTips = function(){
    var tip,
        disabled = false;
        
    return {
<span id='Ext-QuickTips-method-init'>        /**
</span>         * Initialize the global QuickTips instance and prepare any quick tips.
         * @param {Boolean} autoRender True to render the QuickTips container immediately to preload images. (Defaults to true) 
         */
        init : function(autoRender){
            if(!tip){
                if(!Ext.isReady){
                    Ext.onReady(function(){
                        Ext.QuickTips.init(autoRender);
                    });
                    return;
                }
                tip = new Ext.QuickTip({
                    elements:'header,body', 
                    disabled: disabled
                });
                if(autoRender !== false){
                    tip.render(Ext.getBody());
                }
            }
        },
        
        // Protected method called by the dd classes
        ddDisable : function(){
            // don't disable it if we don't need to
            if(tip &amp;&amp; !disabled){
                tip.disable();
            }    
        },
        
        // Protected method called by the dd classes
        ddEnable : function(){
            // only enable it if it hasn't been disabled
            if(tip &amp;&amp; !disabled){
                tip.enable();
            }
        },

<span id='Ext-QuickTips-method-enable'>        /**
</span>         * Enable quick tips globally.
         */
        enable : function(){
            if(tip){
                tip.enable();
            }
            disabled = false;
        },

<span id='Ext-QuickTips-method-disable'>        /**
</span>         * Disable quick tips globally.
         */
        disable : function(){
            if(tip){
                tip.disable();
            }
            disabled = true;
        },

<span id='Ext-QuickTips-method-isEnabled'>        /**
</span>         * Returns true if quick tips are enabled, else false.
         * @return {Boolean}
         */
        isEnabled : function(){
            return tip !== undefined &amp;&amp; !tip.disabled;
        },

<span id='Ext-QuickTips-method-getQuickTip'>        /**
</span>         * Gets the single {@link Ext.QuickTip QuickTip} instance used to show tips from all registered elements.
         * @return {Ext.QuickTip}
         */
        getQuickTip : function(){
            return tip;
        },

<span id='Ext-QuickTips-method-register'>        /**
</span>         * Configures a new quick tip instance and assigns it to a target element.  See
         * {@link Ext.QuickTip#register} for details.
         * @param {Object} config The config object
         */
        register : function(){
            tip.register.apply(tip, arguments);
        },

<span id='Ext-QuickTips-method-unregister'>        /**
</span>         * Removes any registered quick tip from the target element and destroys it.
         * @param {String/HTMLElement/Element} el The element from which the quick tip is to be removed.
         */
        unregister : function(){
            tip.unregister.apply(tip, arguments);
        },

<span id='Ext-QuickTips-method-tips'>        /**
</span>         * Alias of {@link #register}.
         * @param {Object} config The config object
         */
        tips : function(){
            tip.register.apply(tip, arguments);
        }
    };
}();</pre>
</body>
</html>
